<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- 上述3个meta标签*必须*放在最前面，任何其他内容都*必须*跟随其后！ -->
    <title>学生管理首页</title>

    <!-- Bootstrap -->
    <link th:href="@{/css/bootstrap.css}" rel="stylesheet">
    <!--    &lt;!&ndash; Bootstrap &ndash;&gt;-->
    <!--    <link href="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css" th:href="@{/css/bootstrap.css}" rel="stylesheet">-->

</head>
<body>
<table class="table table-hover" border="1">
    <caption>学生管理</caption>
    <thead>
    <tr>
        <td>编号</td>
        <td>姓名</td>
        <td>性别</td>
        <td>出生年月</td>
        <td>地址</td>
        <td>操作</td>
    </tr>
    </thead>
    <tbody>
    <tr th:each="stu,iterStat : ${pagePos.getList()}">
        <td th:text="${iterStat.index}"></td>
        <td th:text="${stu.getName()}"></td>
        <td th:if="${stu.getSex()} == 0">女</td>
        <td th:if="${stu.getSex()} == 1">男</td>
        <td th:text="${#dates.format(stu.getBirthday(),'yyyy-MM-dd')}"></td>
        <td th:text="${stu.getAddress()}"></td>
        <td>
            <a href="/del?" class="btn btn-danger">删除</a>
            <a href="#" class="btn btn-warning">修改</a>
        </td>
    </tr>
    </tbody>
</table>
<nav aria-label="Page navigation">
    <ul class="pagination">
        <li>
            <a href="#" aria-label="Previous">
                <span aria-hidden="true">&laquo;</span>
            </a>
        </li>
        <li><a href="#">1</a></li>
        <li><a href="#">2</a></li>
        <li><a href="#">3</a></li>
        <li><a href="#">4</a></li>
        <li><a href="#">5</a></li>
        <li>
            <a href="#" aria-label="Next">
                <span aria-hidden="true">&raquo;</span>
            </a>
        </li>
    </ul>
</nav>

<!--&lt;!&ndash; jQuery (Bootstrap 的所有 JavaScript 插件都依赖 jQuery，所以必须放在前边) &ndash;&gt;-->
<!--<script src="https://cdn.jsdelivr.net/npm/jquery@1.12.4/dist/jquery.min.js" th:href="@{/js/jquery.min.js}"></script>-->
<!--&lt;!&ndash; 加载 Bootstrap 的所有 JavaScript 插件。你也可以根据需要只加载单个插件。 &ndash;&gt;-->
<!--<script src="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/js/bootstrap.min.js" th:href="@{/js/bootstrap.js}"></script>-->

<!-- jQuery (Bootstrap 的所有 JavaScript 插件都依赖 jQuery，所以必须放在前边) -->
<script th:href="@{/js/jquery.min.js}"></script>
<!-- 加载 Bootstrap 的所有 JavaScript 插件。你也可以根据需要只加载单个插件。 -->
<script th:href="@{/js/bootstrap.js}"></script>
</body>
</html>